<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="shortcut icon" href="../images/index/banner/favicon.ico" type="image/x-icon" />
    <title>主页</title>
</head>

<body class="index">
    <div id="header" class="index-header">
        <div class="navbar-header">
            <div class="wid clearfix">
                <ul class="nl">
                    <li class="dropdown">
                        <div class="cw">
                            <i class="cw-icon fa fa-map-marker"></i>
                            <span class="">北京</span>
                        </div>
                        <div class="dropdown-layer">

                        </div>
                    </li>
                </ul>
                <ul class="nr clearfix">
                    <li class="navbar-login"><a href="##">请登录</a><a href="##">免费注册</a></li>
                    <li class="separation"></li>
                    <li><a href="##">我的订单</a></li>
                    <li class="separation"></li>
                    <li><a href="##">我的京东</a></li>
                    <li class="separation"></li>
                    <li>
                        <a href="##">京东会员</a>
                    </li>
                    <li class="separation"></li>
                    <li><a href="##">企业采购</a></li>
                    <li class="separation"></li>
                    <li><a href="##">客户服务</a></li>
                    <li class="separation"></li>
                    <li><a href="##">网站导航</a></li>
                    <li class="separation"></li>
                    <li><a href="##">手机京东</a></li>
                </ul>
            </div>
        </div>
        <div class="header-search">

            <div class="wid">
                <div class="logo">
                    <a href="##">
                        <img src="../images/index/589ac5d7Nf9b451c8.png" alt="logo" style="display: block; width: 190px; height: 170px;">
                    </a>
                </div>
                <div id="search" class="s-bar">
                    <form>
                        <input type="text" value="" class="s-text">
                        <button type="submit" class="search-btn">
                            <i class="fa fa-search"></i>
                        </button>
                    </form>
                </div>
                <div class="my-cart">
                    <div class="word-icon">
                        <i class="fa fa-shopping-cart"></i>
                        <span>我的购物车</span>
                        <span class="num">0</span>
                    </div>
                    <div class="dropdown-layer">
                        <div class="cart-content">
                            <div class="nogoods">
                                <i class="img"></i>
                                <span>购物车中还没有商品，赶紧选购吧！</span>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="hotwords">
                    <a href="##">2件5折</a>
                    <a href="##">手机专场</a>
                    <a href="##">满199减100</a>
                </div>
                <div class="navbar">
                    <ul class="items-group">
                        <li class="items"><a href="##">秒杀</a></li>
                        <li><a href="##">优惠券</a></li>
                        <li><a href="##">闪购</a></li>
                    </ul>
                    <div class="spacer"></div>
                    <ul class="items-group">
                        <li class="items"><a href="##">服装城</a></li>
                        <li><a href="##">京东超市</a></li>
                        <li><a href="##">生鲜</a></li>
                        <li><a href="##">全球购</a></li>
                    </ul>
                    <div class="spacer"></div>
                    <ul class="items-group">
                        <li><a href="##">京东金融</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="banner-block clearfix">
            <div class="left-menu">
                <ul class="menu-content">
                    <!--<li class="menu-items"><a href="##" class="a-item">家用电器</a></li>-->
                </ul>
                <div class="menu-content-extends">
                    <!--<div>
                        <div class="details-cols-left">
                            <div class="d-head">
                                <a href="##" class="details-lk"></a>
                            </div>
                            <div class="details-items">
                                <dl class="detail-item-dl">
                                <dt class="tit">
                                    <a href="##">电视 
                                        <i class="fa fa-angle-right details-lk-arrow"></i>
                                    </a>                                
                                </dt>
                                <dd class="con">
                                    <a href="##">合资品牌</a>
                                    <a href="##">国产品牌</a>
                                    <a href="##">互联网品牌</a>                        
                                </dd>
                            </dl>
                            </div>
                        </div>
                        <div class="details-cols-right">
                            <div class="brand-img-up clearfix">
                                <a href="##" class="brand-lk">
                                <img src="../images/index/brands/562f4971Na5379aba.jpg" alt="img">
                            </a>
                            </div>
                            <div class="promotion-img">
                                <a href="##" class="promotion-lk">
                                <img src="../images/index/promotion/5886bb7fN7c8622f2.jpg" alt="">
                            </a>
                            </div>
                        </div>
                    </div>-->
                </div>
            </div>
            <div class="cols-center">
                <div class="carousel-block">
                    <img src="../images/index/banner/58d4d087N661d2ca9.jpg" alt="pic1">
                    <img src="../images/index/banner/58d8db62N403ccea7.jpg" alt="pic2">
                    <img src="../images/index/banner/58d49ae8N79b340ed.jpg" alt="pic3">
                    <img src="../images/index/banner/58d086d7N82b99e4d.jpg" alt="pic4">
                    <img src="../images/index/banner/58d863e4Nc14adecc.jpg" alt="pic5">
                    <img src="../images/index/banner/58d37009N5d3bba63.jpg" alt="pic6">
                    <img src="../images/index/banner/58d53740N7930dc34.jpg" alt="pic7">
                    <!--<ul class="ul-wrap">
                        <li><a href=""><img src="../images/index/banner/58d4d087N661d2ca9.jpg" alt="pic1"></a></li>
                        <li><a href=""><img src="../images/index/banner/58d8db62N403ccea7.jpg" alt="pic2"></a></li>
                        <li><a href=""><img src="../images/index/banner/58d49ae8N79b340ed.jpg" alt="pic3"></a></li>
                        <li><a href=""><img src="../images/index/banner/58d086d7N82b99e4d.jpg" alt="pic4"></a></li>
                    </ul>
                    <div class="car-tips-wrap">
                        <i class="car-tips"></i>
                        <i class="car-tips"></i>
                        <i class="car-tips"></i>
                        <i class="car-tips"></i>
                    </div>
                    <div class="car-arrow"><a href="##" id="left-arr"><i class="fa fa-angle-left"></i></a><a href="##" id="right-arr"><i class="fa fa-angle-right"></i></a></div>-->
                </div>
                <div class="down-items">
                    <a href="##"><img src="../images/index/banner/58d9c3e8Nc0bebe84.jpg" alt=""></a>
                    <a href="##"><img src="../images/index/banner/58cf2cd8N580632b8.jpg" alt=""></a>
                </div>
            </div>
            <div class="cols-right">
                <div class="user-wrap">
                    <div class="user-info">
                        <div class="user-avatar">
                            <a href="##">
                                <img src="../images/index/banner/no_login.jpg" alt="">
                            </a>
                        </div>
                        <div class="user_info">
                            <p class="user_info_tips">Hi，欢迎来到京东！</p>
                            <p>
                                <a href="##" class="user_info_login">登陆</a>
                                <a href="##" class="user_info_reg">注册</a>
                            </p>
                        </div>
                    </div>
                    <div class="user_profit">
                        <a href="##" class="user_profit_lk">新人福利</a>
                        <a href="##" class="user_profit_lk">PLUS会员</a>
                    </div>
                </div>
                <div class="news">
                    <div class="news-tab">
                        <div class="tab-head">
                            <a href="#" class="tab-head-item item-first">促销</a>
                            <a href="#" class="tab-head-item item-last">公告</a>
                            <div class="tab-sidebar">
                            </div>
                            <a href="##" class="tab-head-more-lk">更多</a>

                        </div>
                        <div class="tab-content">
                            <ul class="news-list">
                                <li class="news-item"><a href="##" class="news-lk">空调首发 晒单返100元E卡</a></li>
                                <li class="news-item"><a href="##" class="news-lk">鞋包会员节，高达满399减120</a></li>
                                <li class="news-item"><a href="##" class="news-lk">宝生元四月厨卫钜惠</a></li>
                                <li class="news-item"><a href="##" class="news-lk">领券立减800，家电焕新采购！</a></li>
                            </ul>
                            <ul class="news-list">
                                <li class="news-item"><a href="##" class="news-lk">京东文学奖拉开帷幕</a></li>
                                <li class="news-item"><a href="##" class="news-lk">京东成为中国最大家电零售商</a></li>
                                <li class="news-item"><a href="##" class="news-lk">京东自营家电清洗服务上线</a></li>
                                <li class="news-item"><a href="##" class="news-lk">京东帮服务店突破1700家</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="service">
                    <div class="service-entry">
                        <ul class="service-list service-tab">
                            <li class="service-item tab-head-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-huafei"></i>
                                    <p class="service-txt">话费</p>
                                </a>
                            </li>
                            <li class="service-item tab-head-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-jipiao"></i>
                                    <p class="service-txt">机票</p>
                                </a>
                            </li>
                            <li class="service-item tab-head-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-jiudian"></i>
                                    <p class="service-txt">酒店</p>
                                </a>
                            </li>
                            <li class="service-item tab-head-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-youxi"></i>
                                    <p class="service-txt">游戏</p>
                                </a>
                            </li>
                            <li class="service-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-qyg"></i>
                                    <p class="service-txt">企业购</p>
                                </a>
                            </li>
                            <li class="service-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-jyk"></i>
                                    <p class="service-txt">加油卡</p>
                                </a>
                            </li>
                            <li class="service-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-dyp"></i>
                                    <p class="service-txt">电影票</p>
                                </a>
                            </li>
                            <li class="service-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-hcp"></i>
                                    <p class="service-txt">火车票</p>
                                </a>
                            </li>
                            <li class="service-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-zhongchou"></i>
                                    <p class="service-txt">众筹</p>
                                </a>
                            </li>
                            <li class="service-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-licai"></i>
                                    <p class="service-txt">理财</p>
                                </a>
                            </li>
                            <li class="service-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-lipinka"></i>
                                    <p class="service-txt">礼品卡</p>
                                </a>
                            </li>
                            <li class="service-item">
                                <a href="##" class="service-lk">
                                    <i class="service-ico service-ico-baitiao"></i>
                                    <p class="service-txt">白条</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="service-content">
                        <div class="tab-content-item">
                            <iframe src="./service_huafei.html" frameborder="0" height="186" ></iframe>
                        </div>
                        <div class="tab-content-item"></div>
                        <div class="tab-content-item"></div>
                        <div class="tab-content-item"></div>
                        <a id="close_btn" class="service-close fa fa-times" href="##"></a>
                    </div>
                </div>
            </div>
        </div>
        <div id="content" class="index-content"></div>
        <div id="footer" class="index-footer">
</div>

</body>
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/index.js"></script>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261669187'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1261669187%26online%3D1' type='text/javascript'%3E%3C/script%3E"));</script>
</html>
